body { background-color:#000000;}

/* default styling */
.nav, .nav ul {list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {margin:0 auto; height:30px;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {height:30px;} 
.nav ul a {height:auto;}
/* style the <b> element so that is does not affect the size of the link */
.nav a i {position:absolute; left:-9999px;}
.nav b img {display:block; float:left; padding-right:5px; border:0;}
/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.nav1, .nav1 a {width:73px;}
.nav1 a {background:url(images/fmc_home_roll.png) no-repeat left top;}

/* FOR NAV1-CURRENT */
.nav1-current, .nav1-current a {width:73px;}
.nav1-current a {background:url(../images/jk_nav_home_current.png) no-repeat left top;}

/* FOR NAV2 */
.nav2, .nav2 a {width:99px;}
.nav2 a {margin-right:-98px; background:url(images/fmc_aboutus_roll.png) no-repeat left top;} /* 1px less than the top level link width */
.nav2 ul li {max-width:99px;}

/* FOR NAV2-CURRENT */
.nav2-current, .nav2-current a {width:105px;}
.nav2-current a {margin-right:-104px; background:url(../images/jk_nav_store_current.png) no-repeat left top;} /* 1px less than the top level link width */
.nav2-current ul li {max-width:105px;}

/* FOR NAV-PASTORSWORD */
#nav-pastorsword a{
	display:block;
	background:url(images/fmc_pastorsword_roll.jpg) no-repeat top;
	width:170px;
	height:18px;
}

#nav-pastorsword a:hover {
	display:block;
	background:url(images/fmc_pastorsword_roll.jpg) no-repeat bottom;
	width:170px;
	height:18px;
}

/* FOR NAV-FMCCHURCH */
#nav-fmcchurch a{
	display:block;
	background:url(images/fmc_fmcchurch_roll.jpg) no-repeat top;
	width:170px;
	height:18px;
}

#nav-fmcchurch a:hover {
	display:block;
	background:url(images/fmc_fmcchurch_roll.jpg) no-repeat bottom;
	width:170px;
	height:18px;
}

/* FOR NAV-MISSIONVISION */
#nav-missionvision a{
	display:block;
	background:url(images/fmc_missionvision_roll.jpg) no-repeat top;
	width:170px;
	height:18px;
}

#nav-missionvision a:hover {
	display:block;
	background:url(images/fmc_missionvision_roll.jpg) no-repeat bottom;
	width:170px;
	height:18px;
}

/* FOR NAV-PRAISEWORSHIP */
#nav-praiseworship a{
	display:block;
	background:url(images/fmc_praiseworship_roll.jpg) no-repeat top;
	width:170px;
	height:18px;
}

#nav-praiseworship a:hover {
	display:block;
	background:url(images/fmc_praiseworship_roll.jpg) no-repeat bottom;
	width:170px;
	height:18px;
}

/* FOR NAV-G12CONCEPT */
#nav-g12concept a{
	display:block;
	background:url(images/fmc_g12concept_roll.jpg) no-repeat top;
	width:170px;
	height:18px;
}

#nav-g12concept a:hover {
	display:block;
	background:url(images/fmc_g12concept_roll.jpg) no-repeat bottom;
	width:170px;
	height:18px;
}

/* FOR NAV-CHURCHVALUES */
#nav-churchvalues a{
	display:block;
	background:url(images/fmc_churchvalues_roll.jpg) no-repeat top;
	width:170px;
	height:18px;
}

#nav-churchvalues a:hover {
	display:block;
	background:url(images/fmc_churchvalues_roll.jpg) no-repeat bottom;
	width:170px;
	height:18px;
}

/* FOR NAV3 */
.nav3, .nav3 a {width:69px;}
.nav3 a {margin-right:-68px; background:url(images/fmc_news_roll.png) no-repeat left top;} /* 1px less than the top level link width */
.nav3 ul li {max-width:69px;}

/* FOR NAV3-CURRENT */
.nav3-current, .nav3-current a {width:177px;}
.nav3-current a {margin-right:-176px; background:url(../images/jk_nav_stuff_current.png) no-repeat left top;} /* 1px less than the top level link width */
.nav3-current ul li {max-width:177px;}

/* FOR NAV4 */
.nav4, .nav4 a {width:181px;}
.nav4 a {margin-right:-180px; background:url(images/fmc_los_roll.png) no-repeat left top;} /* 1px less than the top level link width */
.nav4 ul li {max-width:181px;}

/* FOR NAV4-CURRENT */
.nav4-current, .nav4-current a {width:196px;}
.nav4-current a {margin-right:-195px; background:url(../images/jk_nav_styling_current.png) no-repeat left top;} /* 1px less than the top level link width */
.nav4-current ul li {max-width:196px;}

/* FOR NAV-LOSCONCEPT */
#nav-losconcept a {
	display:block;
	background:url(images/fmc_losconcept_roll.jpg) no-repeat top;
	height:18px;
}

#nav-losconcept a:hover {
	display:block;
	background:url(images/fmc_losconcept_roll.jpg) no-repeat bottom;
	height:18px;
}

#nav-losflow a {
	display:block;
	background:url(images/fmc_losflow_roll.jpg) no-repeat top;
	height:18px;
}

#nav-losflow a:hover {
	display:block;
	background:url(images/fmc_losflow_roll.jpg) no-repeat bottom;
	height:18px;
}

/* FOR NAV5 */
.nav5, .nav5 a {width:145px;}
.nav5 a {margin-right:-144px; background:url(images/fmc_jc_roll.png) no-repeat left top;} /* 1px less than the top level link width */
.nav5 ul li {max-width:145px;}

/* FOR NAV5-CURRENT */
.nav5-current, .nav5-current a {width:141px;}
.nav5-current a {margin-right:-140px; background:url(../images/jk_nav_bio_current.png) no-repeat left top;} /* 1px less than the top level link width */
.nav5-current ul li {max-width:141px;}

/* FOR NAV6 */
.nav6, .nav6 a {width:98px;}
.nav6 a {margin-right:-97px; background:url(images/fmc_archive_roll.png) no-repeat left top;} /* 1px less than the top level link width */
.nav6 ul li {max-width:98px;}

/* FOR NAV-GOALS */
#nav-goals a{
	display:block;
	background:url(images/fmc_goals_roll.jpg) no-repeat top;
	width:147px;
	height:18px;
}

#nav-goals a:hover {
	display:block;
	background:url(images/fmc_goals_roll.jpg) no-repeat bottom;
	width:147px;
	height:18px;
}

/* FOR NAV-AUDIOSERMONS */
#nav-audiosermons a{
	display:block;
	background:url(images/fmc_audiosermons_roll.jpg) no-repeat top;
	width:147px;
	height:18px;
}

#nav-audiosermons a:hover {
	display:block;
	background:url(images/fmc_audiosermons_roll.jpg) no-repeat bottom;
	width:147px;
	height:18px;
}

/* FOR NAV6-CURRENT */
.nav6-current, .nav6-current a {width:118px;}
.nav6-current a {margin-right:-117px; background:url(../images/jk_nav_contact_current.png) no-repeat left top;} /* 1px less than the top level link width */
.nav6-current ul li {max-width:118px;}

/* FOR NAV7 */
.nav7, .nav7 a {width:127px;}
.nav7 a {margin-right:-126px; background:url(images/fmc_contact_roll.png) no-repeat left top;} /* 1px less than the top level link width */
.nav7 ul li {max-width:127px;}

/* FOR NAV-DELFT */
#nav-fmcdelft a{
	display:block;
	background:url(images/fmc_delft_roll.jpg) no-repeat top;
	width:210px;
	height:18px;
}

#nav-fmcdelft a:hover {
	display:block;
	background:url(images/fmc_delft_roll.jpg) no-repeat bottom;
	width:210px;
	height:18px;
}

/* FOR NAV-AMERSFOORT */
#nav-fmcamersfoort a{
	display:block;
	background:url(images/fmc_amersfoort_roll.jpg) no-repeat top;
	width:210px;
	height:18px;
}

#nav-fmcamersfoort a:hover {
	display:block;
	background:url(images/fmc_amersfoort_roll.jpg) no-repeat bottom;
	width:210px;
	height:18px;
}

/* FOR NAV-LONDON */
#nav-fmclondon a{
	display:block;
	background:url(images/fmc_london_roll.jpg) no-repeat top;
	width:210px;
	height:18px;
}

#nav-fmclondon a:hover {
	display:block;
	background:url(images/fmc_london_roll.jpg) no-repeat bottom;
	width:210px;
	height:18px;
}

/* FOR NAV-AMSTELVEEN */
#nav-fmcamstelveen a{
	display:block;
	background:url(images/fmc_amstelveen_roll.jpg) no-repeat top;
	width:210px;
	height:18px;
}

#nav-fmcamstelveen a:hover {
	display:block;
	background:url(images/fmc_amstelveen_roll.jpg) no-repeat bottom;
	width:210px;
	height:18px;
}

/* FOR NAV-DENHAAG */
#nav-fmcdenhaag a{
	display:block;
	background:url(images/fmc_denhaag_roll.jpg) no-repeat top;
	width:210px;
	height:18px;
}

#nav-fmcdenhaag a:hover {
	display:block;
	background:url(images/fmc_denhaag_roll.jpg) no-repeat bottom;
	width:210px;
	height:18px;
}

/* FOR NAV-OFFER */
#nav-offering a{
	display:block;
	background:url(images/fmc_offering_roll.jpg) no-repeat top;
	width:210px;
	height:18px;
}

#nav-offering a:hover {
	display:block;
	background:url(images/fmc_offering_roll.jpg) no-repeat bottom;
	width:210px;
	height:18px;
}
/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20; left:1px; top:-1px;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */
/* ----------------------------------------------------------------------------	*/

/* The bit that does ALL the work to bring the sub menus into view */

.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0; background-position:left bottom;}

/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE6 and 7 fix */
a:active {}

/* ----------------------------------------------------------------------------	*/